<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<HEAD>
     <TITLE>Input Type=Image</TITLE>
     <link rel="stylesheet" type="text/css" href="../../../ss/2.css" id="thecss">
     <script type="text/javascript" src="../../../scripts/csschange.js"></script>
</HEAD>

<BODY onload="readSS()">

<br>
<center>
<table border=3 cellpadding=5 cellspacing=0>
<tr>
     <td><font size=6><b class="pagetitle">Input Type=Image</b></font><br>
         <font size=1>&#160;</font><br>
         <b><a href="../../../misc/suppkey.htm">Support Key:</a></b> 
         [<b><i class="fs">2</i></b>|<b class="s">3</b>|<b class="s">3.2</b>|<b class="s">4</b>] 
         [<b class="s">X1</b>|<b class="s">X1.1</b>]
         [<b class="s">IE1</b>|<b class="s">M2B1</b>|<b><i class="fs">N1</i></b>|<b class="s">O2.1</b>]</td>
     <td><a href="#what">What is it?</a><br>
         <a href="#attrib">Attributes</a><br>
         <a href="#example">Tag Example</a>
     </td>
     <td><a href="#model">Parent/Content Model</a><br>
         <a href="#tips">Tips &amp; Tricks</a><br>
         <a href="#peculiar">Browser Peculiarities</a></td>
</tr>
<tr><td align=center colspan=3>
<font size=2>= <span class="sitetitle">Index DOT Html</span> by <a href="../../../misc/email.htm">Brian Wilson</a> =</font>
</td></tr>
</table>

<font size=2>
     <a href="../../index.html">Main Index</a> |
     <a href="../../tree/htmltree.htm">Element Tree</a> |
     <a href="../../tagindex/a.htm">Element Index</a> |
     <a href="../../supportkey/a.htm">HTML Support History</a></font>
</center>
<hr align="center" width="25%">

<br><br>
<table border=1 cellspacing=0 cellpadding=5>
<tr><td>
<table border=0 cellspacing=0>
<tr>
    <th colspan=3 valign=bottom class="field"><big><u><b
        class="colheaders">&#160;&#160;&#160;Quick Statistics&#160;&#160;&#160;</b></u></big><br></th>
</tr>
<tr><th align=left><b class="l3heading"><a href="../stats.htm#et">End Tag:</a></b><br></th>
    <td rowspan=7>&nbsp;&nbsp;</td>
    <td><span class="magicword">Omitted</span></td></tr>
<tr><th align=left><b class="l3heading"><a href="../stats.htm#std">Standards Details:</a></b><br></th>
    <td>In all HTML 4.x/XHTML DTDs</td></tr>
<tr><th align=left><b class="l3heading"><a href="../stats.htm#xhtm">XHTML Modules:</a></b><br></th>
    <td><b class=alert>Forms</b></td></tr>
<tr><th align=left valign=top><b class="l3heading"><a href="../stats.htm#disp">CSS 'display' Type:</a></b><br></th>
    <td>"<b class="alert">inline</b>" (Replaced element)</td></tr>
<tr><th align=left valign=top><b class="l3heading"><a href="../stats.htm#css">CSS Mapping:</a></b><br></th>
    <td>NA</td></tr>
<tr><th valign=top align=left><b class="l3heading"><a href="../stats.htm#rnd">Default Rendering:</a></b><br></th>
    <td>An activate-able image of specified dimensions which initiates submission of
        the current form to its specified destination.</td></tr>
<tr><th align=left><b class="l3heading"><a href="../stats.htm#w3docs">Official Docs:</a></b><br></th>
    <td><a href="http://www.w3.org/TR/html401/interact/forms.html#h-17.4">HTML 4.x</a>, 
        <a href="http://www.w3.org/TR/xhtml-modularization/abstract_modules.html#s_extformsmodule">XHTML 1.1</a></td></tr>
</table>
</td></tr>
</table>

<br>
<a name="what"></a>
<dl>
<dt><big><b class="mainheading">What is it?</b></big>
    <dd>IMAGE is a TYPE attribute value to the INPUT element for FORMs. It
        specifies an image that can be clicked upon to pass information to the
        processing script. In implementation, this form TYPE acts much like the
        INPUT TYPE=SUBMIT field, but unlike the SUBMIT field, the coordinates of
        the image that were activated are sent back to the server in addition
        to the rest of the form data.
</dl>


<a name="attrib"></a>
<dl>
<dt><br><big><b class="mainheading">Common Attributes</b></big>
<dt><b class="subheading">%<a href="../attributes/core.htm">Core</a>%</b>
    <dd>[<span class="ns">2</span>|<b><i class="fs">3</i></b>|<span class="ns">3.2</span>|<b class="s">4</b>]
        [<b class="s">X1</b>|<b class="s">X1.1</b>]
        [<b><i class="fs">IE4B1</i></b>|<span class="ns">M</span>|<b class="s">N6B1</b>|<b class="s">O4</b>]

<dt><b class="subheading">%<a href="../attributes/accessibility.htm">Accessibility</a>%</b>
    <dd>[<span class="ns">2</span>|<b><i class="fs">3</i></b>|<span class="ns">3.2</span>|<b class="s">4</b>] 
        [<b class="s">X1</b>|<b class="s">X1.1</b>]
        [<b><i class="fs">IE4B1</i></b>|<span class="ns">M</span>|<b class="s">N6</b>|<b class="s">O5</b>]

<dt><b class="subheading">%<a href="../attributes/events.htm">Events</a>%</b>
    <dd>[<span class="ns">2</span>|<span class="ns">3</span>|<span class="ns">3.2</span>|<b><i class="fs">4</i></b>] 
        [<b class="s">X1</b>|<b class="s">X1.1</b>]
        [<b><i class="fs">IE4B1</i></b>|<span class="ns">M</span>|<b class="s">N6B1</b>|<b class="s">O4</b>]

<dt><b class="subheading">%<a href="../attributes/language.htm">Language</a>%</b>
    <dd>[<span class="ns">2</span>|<b><i class="fs">3</i></b>|<span class="ns">3.2</span>|<b class="s">4</b>] 
        [<b class="s">X1</b>|<b class="s">X1.1</b>]
        [<b><i class="fs">IE4</i></b>|<span class="ns">M</span>|<span class="ns">N</span>|<span class="ns">O</span>]

<dt><b class="subheading">%<a href="../attributes/data.htm">Data</a>%</b>
    <dd>[<span class="ns">2</span>|<span class="ns">3</span>|<span class="ns">3.2</span>|<b><i class="fs">4</i></b>] 
        [<span class="ns">X1</span>|<span class="ns">X1.1</span>]
        [<b><i class="fs">IE4</i></b>|<span class="ns">M</span>|<span class="ns">N</span>|<span class="ns">O</span>]

<dt><b class="subheading">%<a href="../attributes/editing.htm">Editing</a>%</b>
    <dd>[<span class="ns">2</span>|<span class="ns">3</span>|<span class="ns">3.2</span>|<span class="ns">4</span>] 
        [<span class="ns">X1</span>|<span class="ns">X1.1</span>]
        [<b><i class="fs">IE5.5</i></b>|<span class="ns">M</span>|<span class="ns">N</span>|<span class="ns">O</span>]

<dt><br><big><b class="mainheading">Specific Attributes</b></big>
<dt><b class="subheading">Accesskey</b>
<dt>[<span class="ns">2</span>|<span class="ns">3</span>|<span class="ns">3.2</span>|<b><i class="fs">4</i></b>] 
    [<b class="s">X1</b>|<b class="s">X1.1</b>]
    [<b><i class="fs">IE4B1</i></b>|<span class="ns">M</span>|<b class="s">N6B2</b>|<b class="s">O7</b>]
    <dd><b class="l3heading"><a href="../stats.htm#std">Standards
        Details:</a></b> In all HTML 4.x DTDs
    <dd><b class="l3heading">Required?</b> No
    <dd><b class="l3heading">Description:</b><br>
        This is a method of giving access/focus to an active HTML element using
        a keyboard character. This is a common GUI paradigm also known
        as a &quot;keyboard shortcut&quot; or &quot;keyboard accelerator&quot;
        A single character is used as the value of this attribute. In addition,
        a platform-dependent key is usually used in combination with the
        ACCESSKEY character to access the functionality of the active field.
    <dd><b class="l3heading">Values:</b> <a href="../../../misc/glossary.htm#cdata">CDATA</a>.
        [A single, case-insensitive character from a browser's character set.]

<dt><b class="subheading">Align</b>
<dt>[<b><i class="fs">2</i></b>|<b class="s">3</b>|<b class="s">3.2</b>|<b class="s">4</b>] 
    [<b class="s">X1</b>|<span class="ns">X1.1</span>]
    [<b class="s">IE1</b>|<b class="s">M2B1</b>|<b><i class="fs">N1</i></b>|<b class="s">O4</b>]
    <dd><b class="l3heading"><a href="../stats.htm#std">Standards Details:</a></b>
        Deprecated in HTML 4.x/XHTML 1.0. Dropped in XHTML 1.1 in favor of CSS.
    <dd><b class="l3heading">Required?</b> No
    <dd><b class="l3heading">Description:</b><br>
        This attribute specifies the alignment of text following the IMG
        reference relative to the graphic on screen. 'Left' and 'Right'
        specify floating horizontal alignment of the image in the browser
        window, and subsequent text will wrap around the image. The other
        options specify vertical alignment of text relative to the image
        on the same line.
    <dd><b class="l3heading">Values:</b> 
        <b class="alert">Left</b> | <b class="alert">Right</b> |
        <b class="alert">Top</b> [<b class="magicword">DEFAULT</b>] |
        <b class="alert">Texttop</b> |
        <b class="alert">Middle</b> | <b class="alert">Absmiddle</b> |
        <b class="alert">Baseline</b> | <b class="alert">Bottom</b> |
        <b class="alert">Absbottom</b>

<dt><b class="subheading">Alt</b>
<dt>[<span class="ns">2</span>|<span class="ns">3</span>|<span class="ns">3.2</span>|<b><i class="fs">4</i></b>] 
    [<b class="s">X1</b>|<b class="s">X1.1</b>]
    [<b><i class="fs">IE4B2</i></b>|<span class="ns">M</span>|<b class="s">N7</b>|<b class="s">O4</b>]
    <dd><b class="l3heading"><a href="../stats.htm#std">Standards Details:</a></b>
        In all HTML 4.x/XHTML DTDs
    <dd><b class="l3heading">Required?</b> No
    <dd><b class="l3heading">Description:</b><br>
        This is text to be displayed in place of an image for browsers that can 
        not handle this ability or for browsers that have disabled this ability.
     <dd><b class="l3heading">Values:</b> <a href="../../../misc/glossary.htm#cdata">CDATA</a>

<dt><b class="subheading">Border</b>
<dt>[<span class="ns">2</span>|<span class="ns">3</span>|<span class="ns">3.2</span>|<span class="ns">4</span>] 
    [<span class="ns">X1</span>|<span class="ns">X1.1</span>]
    [<span class="ns">IE</span>|<b><i class="fs">M2B1</i></b>|<b class="s">N1</b>|<span class="ns">O</span>]
    <dd><b class="l3heading"><a href="../stats.htm#std">Standards Details:</a></b> NA
    <dd><b class="l3heading">Required?</b> No
    <dd><b class="l3heading">Description:</b><br>
        This controls the pixel thickness of the border around the image.
    <dd><b class="l3heading">Values:</b>
     <b class="alert">0</b>, for no border, or a positive integer pixel value.

<dt><b class="subheading">Disabled</b>
<dt>[<span class="ns">2</span>|<b><i class="fs">3</i></b>|<span class="ns">3.2</span>|<b class="s">4</b>] 
    [<b class="s">X1</b>|<b class="s">X1.1</b>]
    [<b><i class="fs">IE4B2</i></b>|<span class="ns">M</span>|<b class="s">N6B1</b>|<b class="s">O7</b>]
    <dd><b class="l3heading"><a href="../stats.htm#std">Standards Details:</a></b>
        In all HTML 4.x/XHTML DTDs
    <dd><b class="l3heading">Required?</b> No
    <dd><b class="l3heading">Description:</b><br>
        This is a stand-alone attribute which indicates the element is initially non-functional. 
        Disabled form elements should not be submitted to the form processing script.
    <dd><b class="l3heading">Values:</b> NA (HTML); <b class="alert">disabled</b> (XHTML)

<dt><b class="subheading">DynSrc</b>
<dt>[<span class="ns">2</span>|<span class="ns">3</span>|<span class="ns">3.2</span>|<span class="ns">4</span>] 
    [<span class="ns">X1</span>|<span class="ns">X1.1</span>]
    [<b><i class="fs">IE2</i></b>|<span class="ns">M</span>|<span class="ns">N</span>|<span class="ns">O</span>]
    <dd><b class="l3heading"><a href="../stats.htm#std">Standards Details:</a></b> NA
    <dd><b class="l3heading">Required?</b> No
    <dd><b class="l3heading">Description:</b><br>
        This attribute specifies the URL of an in-line video.
    <dd><b class="l3heading">Values:</b>
        Either an absolute or relative URL. All URLs should be <a
        href="../../topics/urlencoding.htm">URL encoded</a> where required.

<dt><b class="subheading">Height</b>
<dt>[<span class="ns">2</span>|<span class="ns">3</span>|<span class="ns">3.2</span>|<span class="ns">4</span>] 
    [<span class="ns">X1</span>|<span class="ns">X1.1</span>]
    [<b class="s">IE4B1</b>|<span class="ns">M</span>|<b><i class="fs">N1.1</i></b>|<b><u class="sr">O4-4.x</u></b>]
    <dd><b class="l3heading"><a href="../stats.htm#std">Standards Details:</a></b> NA
    <dd><b class="l3heading">Required?</b> No
    <dd><b class="l3heading">Description:</b><br>
        This attribute explicitly specifies the height of the graphic in pixels.
        It is mainly used to create custom image dimensions without physically
        changing the image itself. It can also be used to speed up display of the
        document being downloaded so it can pre-render the document with image
        placeholders while the images download.
    <dd><b class="l3heading">Values:</b> Positive integer pixel values.

<dt><b class="subheading">HSpace</b>
<dt>[<span class="ns">2</span>|<span class="ns">3</span>|<span class="ns">3.2</span>|<span class="ns">4</span>] 
    [<span class="ns">X1</span>|<span class="ns">X1.1</span>]
    [<b class="s">IE5</b>|<span class="ns">M</span>|<b><i class="fs">N4</i></b>|<b class="s">O4</b>]
    <dd><b class="l3heading"><a href="../stats.htm#std">Standards Details:</a></b> NA
    <dd><b class="l3heading">Required?</b> No
    <dd><b class="l3heading">Description:</b><br>
        This attribute specifies the horizontal spacing around the INPUT image
        in pixels (left and right side padding.)
     <dd><b class="l3heading">Values:</b> Positive integer pixel values

<dt><b class="subheading">ISMap</b>
<dt>[<span class="ns">2</span>|<span class="ns">3</span>|<span class="ns">3.2</span>|<b><i class="fs">4</i></b>] 
    [<span class="ns">X1</span>|<b class="s">X1.1</b>]
    [<span class="ns">IE</span>|<span class="ns">M</span>|<b><i class="fs">N6B1</i></b>|<span class="ns">O</span>]
    <dd><b class="l3heading"><a href="../stats.htm#std">Standards Details:</a></b> 
        Introduced in HTML 4.01. Now in all HTML 4.01/XHTML DTDs
    <dd><b class="l3heading">Required?</b> No
    <dd><b class="l3heading">Description:</b><br>
        This is a stand-alone attribute which is used during form submittal to
        identify the image as a region-sensitive map. When ISMAP is used in an IMG
        element, it is used in combination with a hyperlink to give the location
        of a server-side area definition file. In the context of forms, it is
        unknown how the browser sends the coordinates - possibly also by embedding
        the INPUT element in a hyperlink.
        <br><br>
        The server-side map file is a series of shape names with associated
        coordinate values that list corresponding URLs to jump to when the
        coordinates are activated.
    <dd><b class="l3heading">Values:</b> NA (HTML); <b class="alert">ismap</b> (XHTML)

<dt><b class="subheading">Loop</b>
<dt>[<span class="ns">2</span>|<span class="ns">3</span>|<span class="ns">3.2</span>|<span class="ns">4</span>] 
    [<span class="ns">X1</span>|<span class="ns">X1.1</span>]
    [<b><i class="fs">IE2</i></b>|<span class="ns">M</span>|<span class="ns">N</span>|<span class="ns">O</span>]
    <dd><b class="l3heading"><a href="../stats.htm#std">Standards Details:</a></b> NA
    <dd><b class="l3heading">Required?</b> No
    <dd><b class="l3heading">Description:</b><br>
        This attribute specifies the number of times the video will play and
        is used in conjunction with the DYNSRC attribute.
    <dd><b class="l3heading">Values:</b>
        Specified as a positive integer, or <b class="alert">Infinite
        (or -1)</b> which will play the video indefinitely.

<dt><b class="subheading">LowSrc</b>
<dt>[<span class="ns">2</span>|<span class="ns">3</span>|<span class="ns">3.2</span>|<span class="ns">4</span>] 
    [<span class="ns">X1</span>|<span class="ns">X1.1</span>]
    [<b><i class="fs">IE4</i></b>|<span class="ns">M</span>|<b><i><u class="sr">N4-4.x</u></i></b>|<span class="ns">O</span>]
    <dd><b class="l3heading"><a href="../stats.htm#std">Standards Details:</a></b> NA
    <dd><b class="l3heading">Required?</b> No
    <dd><b class="l3heading">Description:</b><br>
        This attribute specifies the URL of a low-resolution image to be
        downloaded before a higher resolution image specified in the SRC
        attribute. The reasoning is that a low-resolution image is smaller
        in size than a higher resolution image and is thus faster to download.
        After the lowres image has been downloaded, it is displayed until the
        high resolution image is downloaded.
     <dd><b class="l3heading">Values:</b>
        Either an absolute or relative URL. All URLs should be <a
        href="../../topics/urlencoding.htm">URL encoded</a> where required.

<dt><b class="subheading">Name</b>
<dt>[<b><i class="fs">2</i></b>|<b class="s">3</b>|<b class="s">3.2</b>|<b class="s">4</b>] 
    [<b class="s">X1</b>|<b class="s">X1.1</b>]
    [<b class="s">IE1</b>|<b class="s">M2B1</b>|<b><i class="fs">N1</i></b>|<b class="s">O2.1</b>]
    <dd><b class="l3heading"><a href="../stats.htm#std">Standards Details:</a></b>
        In all HTML 4.x/XHTML DTDs
    <dd><b class="l3heading">Required?</b> Yes
    <dd><b class="l3heading">Description:</b><br>
        This is a required attribute that associates a symbolic name to the
        field for submittal to the form processing script.
    <dd><b class="l3heading">Values:</b> <a href="../../../misc/glossary.htm#cdata">CDATA</a>

<dt><b class="subheading">SDAPref</b>
<dt>[<b><i class="fs">2</i></b>|<span class="ns">3</span>|<span class="ns">3.2</span>|<span class="ns">4</span>] 
    [<span class="ns">X1</span>|<span class="ns">X1.1</span>]
    [<span class="ns">IE</span>|<span class="ns">M</span>|<span class="ns">N</span>|<span class="ns">O</span>]
    <dd><b class="l3heading"><a href="../stats.htm#std">Standards Details:</a></b> NA
    <dd><b class="l3heading">Required?</b> No
    <dd><b class="l3heading">Description:</b><br>
        This is an <a href="../../../misc/glossary.htm#sda">SGML Document Access
        (SDA)</a> attribute. SDA attributes are designed to transform HTML (and
        other SGML-based documents) to the <a href="../../../misc/glossary.htm#icadd">ICADD</a>
        DTD - which is used in creating accessible documents for users with
        visual disabilities (rendering in Braille, large print, speech
        synthesis, etc.) The attribute value specifies content to be added
        <em>BEFORE</em> the original element content (in this case the string
        "Input: ") when the SDA document is rendered.
    <dd><b class="l3heading">Value:</b> "<b class="alert">Input: </b>"

<dt><b class="subheading">Src</b>
<dt>[<b><i class="fs">2</i></b>|<b class="s">3</b>|<b class="s">3.2</b>|<b class="s">4</b>] 
    [<b class="s">X1</b>|<b class="s">X1.1</b>]
    [<b class="s">IE1</b>|<b class="s">M2B1</b>|<b><i class="fs">N1</i></b>|<b class="s">O2.1</b>]
    <dd><b class="l3heading"><a href="../stats.htm#std">Standards Details:</a></b>
        In all HTML 4.x/XHTML DTDs
    <dd><b class="l3heading">Required?</b> No
    <dd><b class="l3heading">Description:</b><br>
        Indicates the URL to reference the graphic.
    <dd><b class="l3heading">Values:</b> <a href="../../../misc/glossary.htm#cdata">CDATA</a>.
        [Either an absolute or relative URL. All URLs should be <a
        href="../../topics/urlencoding.htm">URL encoded</a> where required.]

<dt><b class="subheading">Tabindex</b>
<dt>[<span class="ns">2</span>|<span class="ns">3</span>|<span class="ns">3.2</span>|<b><i class="fs">4</i></b>] 
    [<b class="s">X1</b>|<b class="s">X1.1</b>]
    [<b><i class="fs">IE4B1</i></b>|<span class="ns">M</span>|<b class="s">N6B3</b>|<b class="s">O7</b>]
    <dd><b class="l3heading"><a href="../stats.htm#std">Standards Details:</a></b>
        In all HTML 4.x/XHTML DTDs
    <dd><b class="l3heading">Required?</b> No
    <dd><b class="l3heading">Description:</b><br>
        &quot;Tabbing&quot; is a method of giving access/focus to an active HTML
        element using a standard keyboard sequence. All the active elements in a
        document can be cycled through using this sequence (ex: Windows TAB key.)
        The order of the active elements in this cycle is usually the order they
        occur in the document, but the TABINDEX attribute allows a different order
        to be established. The use of this attribute should create the following
        tabbing order cycle if the browser supports the attribute:
        <ol>
        <li>Active elements using the TABINDEX attribute with positive integers are
            navigated first. Low values are navigated first.
        <li>Active elements not specifying any TABINDEX attribute
        </ol>
        Those elements carrying a DISABLED attribute or using negative TABINDEX
        values do not participate in the tabbing cycle.
    <dd><b class="l3heading">Values:</b> Positive or negative integers.

<dt><b class="subheading">Type</b>
<dt>[<b><i class="fs">2</i></b>|<b class="s">3</b>|<b class="s">3.2</b>|<b class="s">4</b>] 
    [<b class="s">X1</b>|<b class="s">X1.1</b>]
    [<b class="s">IE1</b>|<b class="s">M2B1</b>|<b><i class="fs">N1</i></b>|<b class="s">O2.1</b>]
    <dd><b class="l3heading"><a href="../stats.htm#std">Standards Details:</a></b>
        In all HTML 4.x/XHTML DTDs
    <dd><b class="l3heading">Required?</b> Yes<b class="alert">*</b>
    <dd><b class="l3heading">Description:</b><br>
        <b class="alert">*</b> This is the required TYPE attribute for <em>this</em> 
        INPUT mechanism. From the strict view, the TYPE attribute is not required.
    <dd><b class="l3heading">Values:</b> <b class="alert">IMAGE</b>

<dt><b class="subheading">Usemap</b>
<dt>[<span class="ns">2</span>|<span class="ns">3</span>|<span class="ns">3.2</span>|<b><i class="fs">4</i></b>] 
    [<b class="s">X1</b>|<b class="s">X1.1</b>]
    [<span class="ns">IE</span>|<span class="ns">M</span>|<b><i class="fs">N2</i></b>|<b class="s">O6</b>]
    <dd><b class="l3heading"><a href="../stats.htm#std">Standards Details:</a></b>
        In all HTML 4.x/XHTML DTDs     
    <dd><b class="l3heading">Required?</b> No
    <dd><b class="l3heading">Description:</b><br>
        This attribute specifies the URL (usually internal to the document) of
        the client-side image map specification to be used if the browser has
        that capability. If the argument to USEMAP begins with a &quot;#&quot;
        it is assumed to be in the same document as the INPUT TYPE=IMAGE element.
    <dd><b class="l3heading">Values:</b> <a href="../../../misc/glossary.htm#cdata">CDATA</a>.
        [An absolute URL, a relative URL or an internal anchor name. All URLs should 
        be <a href="../../topics/urlencoding.htm">URL encoded</a> where required.]

<dt><b class="subheading">Value</b>
<dt>[<b><i class="fs">2</i></b>|<b class="s">3</b>|<b class="s">3.2</b>|<b class="s">4</b>] 
    [<b class="s">X1</b>|<b class="s">X1.1</b>]
    [<span class="ns">IE</span>|<span class="ns">M</span>|<span class="ns">N</span>|<span class="ns">O</span>]
    <dd><b class="l3heading"><a href="../stats.htm#std">Standards Details:</a></b>
        In all HTML 4.x/XHTML DTDs
    <dd><b class="l3heading">Required?</b> No
    <dd><b class="l3heading">Description:</b><br>
        This represents the symbolic result of the field when activated that is 
        passed to the form processing script (browsers do not do anything with this.)
    <dd><b class="l3heading">Values:</b> <a href="../../../misc/glossary.htm#cdata">CDATA</a>

<dt><b class="subheading">VSpace</b>
<dt>[<span class="ns">2</span>|<span class="ns">3</span>|<span class="ns">3.2</span>|<span class="ns">4</span>] 
    [<span class="ns">X1</span>|<span class="ns">X1.1</span>]
    [<b class="s">IE5</b>|<span class="ns">M</span>|<b><i class="fs">N4</i></b>|<b class="s">O4</b>]
    <dd><b class="l3heading"><a href="../stats.htm#std">Standards Details:</a></b> NA
    <dd><b class="l3heading">Required?</b> No
    <dd><b class="l3heading">Description:</b><br>
        This attribute specifies the vertical spacing around the INPUT image
        in pixels (top and bottom side padding.)
     <dd><b class="l3heading">Values:</b> Positive integer pixel values

<dt><b class="subheading">Width</b>
<dt>[<span class="ns">2</span>|<span class="ns">3</span>|<span class="ns">3.2</span>|<span class="ns">4</span>] 
    [<span class="ns">X1</span>|<span class="ns">X1.1</span>]
    [<b class="s">IE4B1</b>|<span class="ns">M</span>|<b><i class="fs">N1.1</i></b>|<b><u class="sr">O4-4.x</u></b>]
    <dd><b class="l3heading"><a href="../stats.htm#std">Standards Details:</a></b> NA
    <dd><b class="l3heading">Required?</b> No
    <dd><b class="l3heading">Description:</b><br>
        This attribute explicitly specifies the width of the graphic in pixels.
        It is mainly used to create custom image dimensions without having to
        physically change the image itself. It can also be used to speed up
        display of the document being downloaded so it can pre-render the
        document with image placeholders while the images download.
    <dd><b class="l3heading">Values:</b> Positive integer pixel values.
</dl>


<a name="example"></a>
<dl>
<dt><big><b class="mainheading">Example</b></big>
    <dd><div class="example">&lt;<b class="tagname">form</b>&gt;<br>
        &#160;&#160;&#160;&lt;<b class="tagname">input</b>
        <span class="tagattrib">type</span>=&quot;image&quot;
        <span class="tagattrib">src</span>=&quot;http://www.foo.com/submitimage.gif&quot;<br>
        <span class="tagattrib">name</span>=&quot;imagesubmit1&quot;
        <span class="tagattrib">align</span>=&quot;top&quot;
        <span class="tagattrib">height</span>=&quot;50&quot;
        <span class="tagattrib">width</span>=&quot;50&quot; /&gt;<br>
        &lt;/<b class="tagname">form</b>&gt;</div>
</dl>


<a name="model"></a>
<dl>
<dt><big><b class="mainheading">Parent Model</b></big>
    <dd><b class="alert">%<a href="../shorthands.htm#inlineparent">In-line Parent</a>%</b> |
        <b class="alert">%<a href="../shorthands.htm#blockparent">Block Parent</a>%</b>
<dt><big><b class="mainheading">Content Model</b></big>
    <dd><b class="alert">This element does not accept any content.</b>
</dl>


<a name="tips"></a>
<big><b class="mainheading">Tips &amp; Tricks</b></big>
<ul>
    <li><b class="alert">DTD Note:</b> Support for the NAME attribute was added
        to HTML 4.01 and did not exist in the original HTML 4.0 DTDs.
</ul>

<a name="peculiar"></a>
<big><b class="mainheading">Browser Peculiarities</b></big>
<ul>
    <li><a href="../../../testing/html/tags/i/inputimage-bp3.htm">[Test]</a>
        All of the surveyed browsers ignore any VALUE attribute, if it is present.
        When the image is activated, the form data is submitted along with
        two extra name/value data items: the X- and Y-coordinates of the point
        of activation on the image. Coordinates are sent in this format -<br>
        <b class="alert">Item 1 -</b><br>
        &nbsp;&nbsp;&nbsp;Name: [<span class="alert2">name</span>].x<br>
        &nbsp;&nbsp;&nbsp;Value: [<span class="alert2">x-position</span>]<br>
        <b class="alert">Item 2 -</b><br>
        &nbsp;&nbsp;&nbsp;Name: [<span class="alert2">name</span>].y<br>
        &nbsp;&nbsp;&nbsp;Value: [<span class="alert2">y-position</span>]<br>
    <li><a href="../../../testing/html/tags/i/inputimage-bp1.htm">[Test]</a>
        Netscape uses a non-zero value for the BORDER attribute by default.
        Setting the value to zero eliminates the border.
    <li><a href="../../../testing/html/tags/i/inputimage-bp1.htm">[Test]</a>
        Mosaic honors the BORDER attribute, but treats it as a binary setting -
        if present and set to a non-zero value, a thin, hyperlink color line is
        drawn around the image.
    <li><a href="../../../testing/html/tags/i/inputimage-bp4.htm">[Test]</a>
        Linefeed and Carriage Return handling (&amp;#10; and &amp;#13;
        respectively) for the ALT attribute:<br>
        - <b class="alert">Internet Explorer:</b> All literal/unencoded or
        encoded CR/LFs are maintained and displayed as intended.<br>
        - <b class="alert">Netscape:</b> All unencoded or encoded CR/LFs are
        collapsed to nothing in ALT display (not the normal method for
        spacing-character collapsing - usually it would collapse to a
        single space.)<br>
    <li><a href="../../../testing/html/tags/i/inputimage-bp1.htm">[Test]</a>
        <b class="alert">Notes on the BORDER attribute in Netscape:</b> This
        attribute has been supported since version 1.0, but some changes have
        happened. It looks like the attribute was NOT supported in version 2.0
        at all, but support returned in 3.0. In version 6.0, the default border
        color for borders is black, not the document hyperlink color as is the
        case in other Netscape versions.
    <li><a href="../../../testing/html/tags/i/inputimage-bp2.htm">[Test]</a>
        Opera 3.5-3.6x has a problem laying out form fields on the same
        line as INPUT IMAGE fields... fields on the same line BEFORE the image
        are top aligned with the top of the image, and fields on the same line
        AFTER the image are bottom aligned with the bottom of the image. This
        behavior is fixed in Opera 4. (If the fields are RADIO or IMAGE, they
        seem to be immune to this effect.)
    <li>Opera 5/6: Using the DISABLED attribute still sends the name/value pair
        for the element to the form processing script. It should not do this.
    <li>The ALT attribute is exposed in Netscape 7+ by invoking a context 
        menu on the image (PC: right clicking) and choosing "properties."
</ul>


<br>
<a href="../../../misc/copyright.htm">Boring Copyright Stuff...</a>

</BODY>
</HTML>
